
.main-top{
	width: 100%;
	
	position: relative;
	#bg{
		width: 100%;
	}
}
.index-top{
		position: absolute;
		left: 4%;
		top:0.3125rem;
		.top-search{
		
		background-color: #66dfe7;
			input{
				color: #fff;
				&::placeholder{
					color:#fff;
				}
			}
			
		}
		.top-code{
			width: 2.125rem;
			height: 2.125rem;
			img{
				width: 100%;
			}
		}
	}
.index-btn{
	width: 100%;
	background-color: #fff;
	padding: 2.5rem 0;
	ul{
		margin: 0 auto;
		width:92%;
		display: flex;
		justify-content: space-between;
		li{
			a{
				display:flex;
				flex-direction: column;
				align-items: center;
				text-decoration: none;
				img{
					width:6.25rem;
				}
				p{
					font-size: 1.75rem;
					color: #333;
					margin-top: 0.9375rem;
				}
			}
			
		}
	}
}
.index-toutiao{
	background-color: #fff;
	display: flex;
	width: 100%;
	padding:0 3% ;
	height: 5.3125rem;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	
	div{
		display: flex;
		align-items: center;
		height: 5.3125rem;
		&:nth-child(1){
			border-right: 1px solid #ddd;
		}
		
		img{
			height: 2.8125rem;
			margin-right: 1.25rem;
			margin-top: 1.1875rem;
		}
		ul{
			li{
				list-style: circle;
				a{
					font-size: 1.75rem;
					color: #999;
				}
				
			}
			
		}
	}
}
.line{
	width: 100%;
	height: 1.875rem;
	background-color: #fff;
}
.index-lay1{
	margin-top: 1.25rem;
	width: 100%;
	height: 16.875rem;
	background-color: #fff;
	display: flex;
	a{
		height: 16.875rem;
		width: 50%;
			position: relative;
		div{
			height:100%;
			width: 100%;
		
			&:nth-child(1){
				border-right: 1px solid #ddd;
			}
			p{
				margin: 0.625rem ;
				&:nth-child(1){
					font-size: 2.375rem;
					color: #00cbd8;
				}
				&:nth-child(2){
					font-size: 1.75rem;
					color: #999;
				}
				&:nth-child(3){
					width: 6.25rem;
					height: 2.3125rem;
					line-height:  2.3125rem;
					color: #fff;
					background-color: #fb7f34;
					text-align: center;
					font-size: 1.5rem;
					border-radius: 3.125rem;
				}
			}
			img{
				position: absolute;
				left:51%;
				bottom: 0;
				height: 11.8125rem;
			}
			
			}
			&:nth-child(1){
				img{
					left:57%;
				}
	}
	
	}
}
.index-lay2{
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		display: flex;
		height: 14.0625rem;
		background-color: #fff;
		width:100%;
		li{
			border-right: 1px solid #ddd;
			width: 25%;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			&:last-child{
				border: 0;
			}
			p{
				font-size:1.75rem;
				color: #999;
				margin-bottom: 0.9375rem;
				&:nth-child(1){
					color:#333;
					margin-bottom:0.375rem;
				}
			}
			img{
				width: 5.875rem;
			}
		}
	
}
.footer{
	ul{
		li{
			&:nth-child(1){
			a{
				
					p{
						
						color:#00cbd8;
					}
				}
				
			}
		}
	}
}